$(document).ready( function () {
    // cookie 检测
    if($.cookie('userNum')==null)   window.location.replace("error.html");
    if($.cookie('userAbl')!='8'){
        console.log( $("#managebtn"));
        $("#managebtn")[0].style.display = 'none';
    }
    // 链接跳转
    $("#manerbtn").click( function () {
        window.location.replace("nearuserbir.html");
    });
    $("#toBirnear").click( function () {
       window,location.replace("nearuserbir.html");
    });
    $("#managebtn").click( function () {
        window.location.replace("usermanage.html");
    });
    $("#userNumHead").text($.cookie("userNum"));

    var user ={};

    var userPhopath = "../static/img/userPho/Pho" + $.cookie("userNum") + ".jpg";
    // 头像覆盖
    userPhoRefresh = function () {
        console.log("cccasd");
        $("#card-normal-1 img")[0].src = userPhopath;       // 卡片头像
        $("#navcol-1 img")[0].src = userPhopath;            // 上方状态栏头像
        $("#INFOuserSet img")[0].src = userPhopath;
    }
    userPhoRefresh();

        // 图片上传
        // change 触发上传件
    $("#userImgCg").click( function () {
        console.log("hhha");
       $("#ImgUpdate").click();
       console.log("aaaa");
    });
    // 上传的图片改变时
    $("#ImgUpdate").change( function (e) {
        console.log(("acascs"));

        // 类型检测
        var src = e.currentTarget.files[0].name;
        var type=(src.substr(src.lastIndexOf("."))).toLowerCase();
        if(type!=".jpg"&&type!=".gif"&&type!=".jpeg"&& type!=".png") {
            alert("您上传图片的类型不符合(.jpg|.jpeg|.gif|.png)！");
            return;
        }
        console.log($("#INFOuserSet #ImgUpdate")[0].files[0]);
        var imgdata = new FormData();
        imgdata.append("userNum",$.cookie('userNum'));
        imgdata.append("userPho",$("#INFOuserSet #ImgUpdate")[0].files[0]);
        imgdata.append("action","imgUpdate");
        console.log(imgdata);
        console.log(imgdata.values());
        // console.log(imgdata.getAll());
        console.log(imgdata.get("action"));
        $.ajax({
            url: "../imgchange",
            type:'POST',
            data: imgdata,
            async: false,
            contentType: false,
            processData: false,
            success: function (json) {
                if(json==false) alert("图片上传失败");
                else {
                    // console.log($("#INFOuserSet img")[0].src);
                    userPhoRefresh();
                    alert("图片上传成功");
                }
            }
        })

    });
    $("#userRemoveBtn").click( function () {
        console.log($("PRVuserSet .userPwd").val());

       if(confirm("确定要注销账号吗?")) {
           $.ajax({
               url: "../userinfo",
               data: {
                   action: "userRemove",
                   userPwd: $("#PRVuserSet .userPwd").val(),
                   userNum: $.cookie("userNum"),
               },
               type: "POST",
               dataType: "json",
               success: function (json) {
                   console.log(json);
                   if (json == false) alert("注销失败，请检查您的密码");
                   else {
                       alert("注销成功! 感谢您的使用");
                       window.location.replace("loginDemo.html");
                   }
               }
           });
       }
    });
    // usercard
    $.ajax({
        async: false,
        url: "../userinfo",
        data: {
            action: "nomarlCard",
        },
        type: "POST",
        success: function (json) {
            // alert(msg);
            console.log(json);
            if(json!=false) toCard(json,"#card-normal-1");
            user = json;
            console.log(user);
        },
        dataType: "json"
    });

    $("#INFOuserbtn").click( function () {
        console.log("INFOuserbtn 点击成功");
        $.ajax({
            url: "../userinfo",
            data: {
                action: "nomarlCard",
            },
            type: "POST",
            success: function (json) {
                // alert(msg);
                console.log(json);
                if(json!=false) toCard(json,"#INFOuserSet");

            },
            dataType: "json"
        });
    });
    console.log(['<img src=' + userPhopath,
        'style="',
        'width: 40px; " onerror = "Javascript:this.src=\'../static/default/headPho.webp\'">',
        ''].join(''));
    $.getJSON("/webdemo2/birneartable", {
        limit: "true",
    } ,function(json) {
        console.log("ssss");
        console.log(json);
        $('#NearLimit').bootstrapTable({
            locale : "zh-CN",       // 语言
            toggle : NearLimit,
            data : json,            // 数据源

            toolbar : "#toolbar",   // 工具栏
            showFooter:false, //显示表格底部
            showHeader:false, //隐藏表格头部
            clickToSelect:false,
            // pageSize: 7,            // 每页显示几个
            // pageList: [10, 20], // 设置页面可以显示的数据条数

            // striped: true,  //表格显示条纹，默认为false

            // "../static/img/userPho/Pho" + $.cookie("userNum") + ".jpg"

            columns: [
                {
                    width: 30,
                    align: 'center',
                    valign: 'middle',
                    formatter: function (value, row, index) {
                        return  ['<img src="../static/img/userPho/Pho' + row.userNum + '.jpg"',
                            'style="',
                            'width: 40px; height: 40px; " onerror = "Javascript:this.src=\'../static/default/headPho.webp\'">',
                            ''].join('');
                    }
                }, {
                    field: "userName",
                }, {
                    field: 'userBir',
                }
            ]
        })
    });

    $("#userUpdatebtn").click( function (){
        console.log($("#INFOuserSet .userBir").val());
        console.log($("#INFOuserSet .userBir"));
        $.ajax({
            async: false,
            url: "../userinfo",
            data: {
                action: "userInfoUpdate",
                userNum: $.cookie('userNum'),
                userName: $("#INFOuserSet .userName").val(),
                userSex: $("#INFOuserSet .userSex").val(),
                userBir: $("#INFOuserSet .userBir").val(),
                userFac: $("#INFOuserSet .userFac").val(),
                userMaj: $("#INFOuserSet .userMaj").val(),
                userAds: $("#INFOuserSet .userAds").val(),
                userCla: $("#INFOuserSet .userCla").val(),
                userSta: $("#INFOuserSet .userSta").val(),
                userTel: $("#INFOuserSet .userTel").val(),
            },
            type: "POST",
            success: function (json) {
                if(json==false) alert("保存失败");
                else alert("保存成功");
            },
            dataType: "json"
        });
    });

    $("#mesgGetbtn").click( function () {
        console.log("接收get");
        $.getJSON("/webdemo2/mesgrs", {
            ShowAction:"Recer",
            action: "MesgShow",
            mesgRecer: user.userNum,
        } ,function(json) {
            console.log("ssss");
            console.log(json);
            $('#tableGet').bootstrapTable({
                locale : "zh-CN",       // 语言
                toggle : tableGet,
                flat : true,
                search : true,          // 查找
                data : json,            // 数据源

                toolbar : "#toolbar",   // 工具栏

                pagination : true,      // 分页组件
                pageNumber: 1,          // 首页页码
                pageSize: 4,            // 每页显示几个
                // pageList: [10, 20], // 设置页面可以显示的数据条数

                // striped: true,  //表格显示条纹，默认为false
                columns: [
                    {
                        width: 50,
                        align: 'center',
                        valign: 'middle',
                        formatter: function (value, row, index) {
                            return  ['<img src="../static/img/userPho/Pho' + row.mesgSender + '.jpg"',
                                ' style="',
                                'width: 50px; height: 50px" onerror = "Javascript:this.src=\'../static/default/headPho.webp\'" >',
                                ''].join('');
                        }
                    }, {
                        field: "mesgSenderName",
                        title: "发件人"
                    }, {
                        field: "mesgSender",
                        title: "学号"
                    }, {
                        field: 'mesgMain',
                        title: '祝福内容',
                    }
                ]
            })
        });
    });


    $("#mesgSendbtn").click( function () {
        console.log("接收Send");
        $.getJSON("/webdemo2/mesgrs", {
            ShowAction:"Sender",
            action: "MesgShow",
            mesgSender: user.userNum,
        } ,function(json) {
            console.log("ssss");
            console.log(json);
            $('#tableSend').bootstrapTable({
                locale : "zh-CN",       // 语言
                toggle : tableSend,
                flat : true,
                search : true,          // 查找
                data : json,            // 数据源

                toolbar : "#toolbar",   // 工具栏

                pagination : true,      // 分页组件
                pageNumber: 1,          // 首页页码
                pageSize: 4,            // 每页显示几个
                // pageList: [10, 20], // 设置页面可以显示的数据条数

                // striped: true,  //表格显示条纹，默认为false

                columns: [
                    {
                        width: 50,
                        align: 'center',
                        valign: 'middle',
                        formatter: function (value, row, index) {
                            return  ['<img src="../static/img/userPho/Pho' + row.mesgRecer + '.jpg"',
                                ' style="',
                                'width: 50px; height: 50px" onerror = "Javascript:this.src=\'../static/default/headPho.webp\'" >',
                                ''].join('');
                        }
                    }, {
                        field: "mesgRecerName",
                        title: "收件人"
                    }, {
                        field: "mesgRecer",
                        title: "学号"
                    }, {
                        field: 'mesgMain',
                        title: '祝福内容',
                    }
                ]
            })
        });
    });



});

// 加载normalcard
toCard = function(usercard , card) {
    toChange = function(key) {
        // console.log($(card +" ." +key));
        // console.log((usercard[key]));
        // console.log()
        $(card +" ." +key).text(usercard[key]);
        $(card +" ." +key).val(usercard[key]);
    }
    for(key in usercard) {
        toChange(key);
    }
}